﻿@section Script
{
    <link href="~/Content/mvcpage/jquery.mvcpage.css" rel="stylesheet" />
    <script src="~/Content/mvcpage/jquery.mvcpage.js"></script>

    <script type="text/javascript">
        $(function () {
            $(".pagectrl").mvcPage({
                url: '/user/LevelsHistoryPage',
                callBack: function (html) {
                    $(".list").html(html);
                }
            });
        });

        function search() {
            $(".pagectrl").mvcPage('option').queryParam.keyword = $('#keyword').val();
            $(".pagectrl").mvcPage('reload');
        }
    </script>
}
<div>
    <ul class="breadcrumb">
        <li><a href="/user/activate">用户资料</a> <span class="divider">/</span></li>
        <li class="active">后台级别修改记录</li>
    </ul>
</div>


<!--查询-->
<div class="toolbar">
    <div class="left-block">
        <input id="keyword" type="text" placeholder="关键字...">
        <button class="btn dropdown-toggle " type="button" onclick="search(); return false;" style="vertical-align: top;"><i class="icon-search"></i>查询</button>
    </div>
</div>

<table class="table table-bordered">
    <thead>
        <tr>
            <td>序号</td>
            <td>会员编号</td>
            <td>昵称</td>
            <td>升级前级别</td>
            <td>升级后级别</td>
            <td>申请日期</td>
            <td>确认日期</td>
            <td>确认人编号</td>
            <td>确认人昵称</td>
            <td>状态</td>
        </tr>
    </thead>
    <tbody class="list">
    </tbody>
</table>
<div class="text-right pagectrl"></div>